<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>可乐-Blog 创作中心</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/static_resources/favicon.ico}" />
    <link rel="stylesheet" th:href="@{/static_resources/css/nav.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/write.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/editormd/css/editormd.css}" type="text/css"/>
</head>
<body>
<div class="navHeader">
<!--    <div class="lalala">-->
        <div class="navLeft">
            <div class="logo">
                <img th:src="@{/static_resources/img/KeLe.png}" alt="">
                <div class="KeLeWorld">
                    <img th:src="@{/static_resources/img/KeLeWorld.png}" alt="">
                </div>
            </div>
            <ul class="navUl">
                <li class="navLi">
                    <a class="A" th:href="@{/tooIndex}">首页</a>
                </li>
                <li class="navLi">
                    <a class="A" th:href="@{/to/toClassify}">分类</a>
                </li>
                <li class="navLi">
                    <a class="A" th:href="@{/manager/findAllUser}">管理系统</a>
                </li>
            </ul>
        </div>
        <div class="navF11">
            <div class="searchContainer">
                <div class="searchInput">全屏</div>
                <div class="glass">
                    <img th:src="@{/static_resources/img/fullScreen.png}" alt="">
                </div>
            </div>
        </div>
        <div class="navMiddle">
            <div class="searchContainer">
                <a th:src="@{/static_resources/templates/search.html}" class="searchInput">搜索</a>
                <div class="glass">
                    <img th:src="@{/static_resources/img/fangdajing.png}" alt="">
                </div>
            </div>
        </div>
        <div class="navRight">
            <div class="workCenter border-B">
                <a class="A">
                    创作中心
                </a>
            </div>
            <div class="vip">
                <a class="A" th:href="@{/to/toVipCenter}">会员中心</a>
            </div>
            <div class="headerPictureContainer headerPictureContainerS">

                <div class="headerPicture headerPictures">
                </div>
                <div class="message">
                    <h3 class="messageName messageNameS"></h3><!--后台数据*用户名-->
                    <div class="vipTF">vip</div><!--vip-->
                    <div class="line"></div><!--下划线-->
                    <div class="personalCenterC">
                        <div class="personalCenter">
                            <a class="peopleCenter" th:href="@{/to/toPeopleCenter}">个人中心</a>
                        </div>
                        <div class="personalCenterIco">
                            <img th:src="@{/static_resources/img/icon7.png}" alt="">
                        </div>
                    </div>
                    <div class="personalCenterO">
                        <div class="personalCenter">
                            <a class="peopleCenter" th:href="@{../blogs/findBlogsByBlogger}">内容管理</a>
                        </div>
                        <div class="personalCenterIco">
                            <img id="OtherPicture" th:src="@{/static_resources/img/neirongguanli.png}" alt="">
                        </div>
                    </div>
                    <div class="personalCenterO">
                        <div class="personalCenter">
                            <a class="peopleCenter" th:href="@{/to/toMyCollect}">我的收藏</a>
                        </div>
                        <div class="personalCenterIco">
                            <img th:src="@{/static_resources/img/collection.png}" alt="">
                        </div>
                    </div>
                    <div class="personalCenterO">
                        <div class="personalCenter">
                            <a class="peopleCenter">退出登录</a>
                        </div>
                        <div class="personalCenterIco">
                            <img th:src="@{/static_resources/img/tuichu.png}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
<!--    </div>-->
</div>
<div class="articleDescribeContainer">
    <h3>写文章</h3>
    <form class="articleDescribe">
        <input class="InputValueTime" type="text">
    </form>
    <input class="releaseArticle" type="button" value="发布文章">
</div>
<div class="editorContent">
    <div id="test-editor">
        <textarea style="display:none;" class="content-markdown" name="content-markdown"></textarea>
        <textarea name="text-editor-html-code" class="editormd-html-textarea"></textarea>
    </div>
    <div class="articleLabel">
        <div style="overflow: hidden">
            <p class="articleLabelP">
                <b>文章标签</b>
            </p>
            <div class="tenLabel">生活</div>
            <div class="tenLabel">二次元</div>
            <div class="tenLabel">音乐</div>
            <div class="tenLabel">美食</div>
            <div class="tenLabel">影视</div>
            <div class="tenLabel">运动</div>
            <div class="tenLabel">科技</div>
            <div class="tenLabel">技术</div>
            <div class="tenLabel">社交</div>
            <div class="tenLabel">其他</div>
        </div>
        <p class="articleLabelP">
            <b>文章类型</b>
        </p>
        <div class="tenLabelT">原创</div>
        <div class="tenLabelT">转载</div>
    </div>
</div>
<div class="titleLength">
    标题长度应在5~60个字之间
</div>
<script th:src="@{/static_resources/js/jquery-1.12.4.min.js}" type="text/javascript"></script>
<!--<script th:src="@{/static_resources/editormd/examples/js/jquery.min.js}" type="text/javascript"></script>-->
<script th:src="@{/static_resources/editormd/editormd.min.js}" type="text/javascript"></script>
<script type="text/javascript" th:inline="javascript">
    const staticPath = /*[[@{/static_resources}]]*/ '';
</script>
<script th:src="@{/static_resources/js/write.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/editor.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/nav.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/otherLogin.js}" type="text/javascript"></script>
</body>
</html>